<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片列表</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<div id="content">
			<ul>
				<li>
					<a href="#">
						<img src="img/prapic1.jpg" >
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/prapic2.jpg" >
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/prapic3.jpg" >
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>
<style type="text/css">
	img{
		width: 190px;
		height: 150px;
	}
	/* 调整布局最好通过块元素 */
	li{
		margin: 10px 0;
	}
	#content{
		width: 190px;
		/* height: 470px; */
		border: 1px solid;
		background-color: #f4f4f4;
	}
</style>
